﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery ligerUI 中文官方网站 在线API文档 V1.01</title>
    <link href="../lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
    </style>
    <script src="../lib/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>    
    <script src="../lib/ligerUI/js/plugins/ligerDrag.js" type="text/javascript"></script>
    <script src="../lib/ligerUI/js/plugins/ligerResizable.js" type="text/javascript"></script>
    <script src="../lib/ligerUI/js/plugins/ligerLayout.js" type="text/javascript"></script>
    <script src="../lib/ligerUI/js/plugins/ligerTab.js" type="text/javascript"></script>
    <script src="../lib/ligerUI/js/plugins/ligerAccordion.js" type="text/javascript"></script>
    <script src="../lib/ligerUI/js/plugins/ligerTree.js" type="text/javascript"></script>
    <script src="../lib/ligerUI/js/plugins/ligerWindow.js" type="text/javascript"></script>
    <script src="../lib/ligerUI/js/plugins/ligerMenu.js" type="text/javascript"></script>
    
        <script type="text/javascript">
            var tab = null;
            var tree = null;
            function f_heightChanged(options)
            { 
                if(tab)
                    tab.addHeight(options.diff);
            }
            $(function ()
            {
                //布局
                $("#layout1").ligerLayout({ leftWidth: 190, height: '100%', onHeightChanged: f_heightChanged });

                var height = $(".l-layout-center").height();

                //Tab
                $("#framecenter").ligerTab({ height: height });


                //树
                $("#tree1").ligerTree({
                    checkbox: false, 
                    nodeWidth: 100,
                    attribute: ['nodename', 'url', 'tabid'],
                    onSelect: function (node)
                    {
                        if (!node.data.url) return;
                        var tabid = $(node.target).attr("tabid");
                        if (!tabid)
                        {
                            tabid = new Date().getTime();
                            $(node.target).attr("tabid", tabid)
                        }
                        f_addTab(tabid, node.data.text, node.data.url);
                    }
                });


                tab = $("#framecenter").ligerGetTabManager(); 
                tree = $("#tree1").ligerGetTreeManager();
                $("#pageloading").hide();


                f_parminit();
               
            });
            function f_parminit()
            {
                var inittabid = getParm(); 
                if (!inittabid) return;
                $("#tree1 li[tabid=" + inittabid + "] span").click();
            }
            
            function f_addTab(tabid,text, url)
            { 
                tab.addTabItem({ tabid : tabid,text: text, url: url });
            } 

            function f_closeWindow(frame) {
                for (var i = 0; i < document.frames.length; i++) {
                    if (document.frames[i] == frame) {
                        $(".l-window[framename=" + document.frames[i].name + "]").remove();
                        return;
                    }
                }
            }
            function f_openWindow(url, title, width, height) {
                return $.ligerWindow.show({ width: width, height: height, left: 100, top: 100, title: title, url: url });
            }
            function f_open(url) {
                $.ligerWindow.show({ width: 300, height: 300, left: 100, top: 100, title: '我的标题', url: url });
            }
            function f_openWithContent(content) {
                var chtml = "<div style='padding:10px'>" + content + "</div>";
                $.ligerWindow.show({ width: 300, height: 300, left: 200, top: 200, title: '我的标题', content: chtml });
            }
            function getParm()
            {
                if (location.href.indexOf("#") == -1)
                { 
                    return null;
                }
                else
                { 
                    var urlQuery = location.href.split("#");
                    return urlQuery[1]; 
                }
                return null;
            }


        </script> 
<style type="text/css"> 
    body{ padding:0px; margin:0;   overflow:hidden;}  
    .l-link{ display:block; height:26px; line-height:26px; padding-left:10px; text-decoration:underline; color:#333;}
    .l-link2{text-decoration:underline; color:white;}
    .l-layout-top{background:#102A49; color:White;}
    .l-layout-bottom{ background:#E5EDEF; text-align:center;}
    #layout1{ margin:0; padding:0;}
     #pageloading{position:absolute; left:0px; top:0px; background:white url('loading.gif') no-repeat center; width:100%; height:100%; height:700px; z-index:99999;}
 </style>
</head>
<body style="padding:0px"> 
<div class="l-loading" style="display:block" id="pageloading"></div>
  <div id="layout1">
        <div position="top" style="background:#102A49; color:White;">
            <div style="margin-top:10px; margin-left:10px">jQuery ligerUI 中文官方网站 在线API文档 V1.01</div>
        </div>
        <div position="left"  title="插件列表" id="accordion1"> 
                     <ul id="tree1" style="margin-top:3px;">
                      <li isexpand="false">
                            <span>表格</span>
                            <ul>
                                <li url='document/grid/index.html' tabid='grid'><span>表格</span></li>
                                <li url='document/grid/manager.html' tabid='gridinterface'><span>表格接口</span></li>
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>树</span>
                            <ul>
                                <li url='document/tree/index.html' tabid='tree'><span>树</span></li>
                                <li url='document/tree/manager.html' tabid='treeinterface'><span>树接口</span></li>
                            </ul>
                        </li> 
                        <li isexpand="false">
                            <span>菜单</span>
                            <ul>
                                <li url='document/menu/index.html' tabid='menu'><span>菜单</span></li>
                                <li url='document/menu/manager.html' tabid='menuinterface'><span>菜单方法</span></li>
                            </ul>
                        </li> 
                        <li isexpand="false">
                            <span>下拉框</span>
                            <ul>
                                <li url='document/combobox/index.html' tabid='combobox'><span>下拉框</span></li>
                                <li url='document/combobox/manager.html' tabid='comboboxinterface'><span>下拉框接口</span></li>
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>弹窗</span>
                            <ul>
                                <li url='document/dialog/index.html' tabid='dialog'><span>弹窗</span></li> 
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>drag</span>
                            <ul>
                                <li url='document/drag/index.html' tabid='drag'><span>drag</span></li> 
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>resizable</span>
                            <ul>
                                <li url='document/resizable/index.html' tabid='resizable'><span>resizable</span></li> 
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>面板</span>
                            <ul>
                                <li url='document/accordion/index.html' tabid='accordion'><span>面板</span></li> 
                                <li url='document/accordion/manager.html' tabid='accordioninterface'><span>面板接口</span></li> 
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>复选框</span>
                            <ul>
                                <li url='document/checkbox/index.html' tabid='checkbox'><span>复选框</span></li> 
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>日期时间</span>
                            <ul>
                                <li url='document/dateeditor/index.html' tabid='dateeditor'><span>日期时间</span></li> 
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>表单综合</span>
                            <ul>
                                <li url='document/form/index.html' tabid='form'><span>表单综合</span></li> 
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>布局</span>
                            <ul>
                                <li url='document/layout/index.html' tabid='layout'><span>布局</span></li> 
                            </ul>
                        </li>
                         <li isexpand="false">
                            <span>弹出框</span>
                            <ul>
                                <li url='document/messagebox/index.html' tabid='messagebox'><span>弹出框</span></li> 
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>单选框</span>
                            <ul>
                                <li url='document/radio/index.html' tabid='radio'><span>单选框</span></li> 
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>调整器</span>
                            <ul>
                                <li url='document/spinner/index.html' tabid='spinner'><span>调整器</span></li> 
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>tab</span>
                            <ul>
                                <li url='document/tab/index.html' tabid='tab'><span>tab</span></li> 
                                <li url='document/tab/manager.html' tabid='tabinterface'><span>tab接口</span></li> 
                            </ul>
                        </li>
                        <li isexpand="false">
                            <span>window</span>
                            <ul>
                                <li url='document/window/index.html' tabid='tab'><span>window</span></li>  
                            </ul>
                        </li>
                     </ul> 
        </div>
        <div position="center" id="framecenter"> 
            <div tabid="home" title="我的主页" style="height:300px" >
                <iframe frameborder="0" name="home" src="../welcome.htm"></iframe>
            </div> 
        </div> 
        <div position="bottom">
            Copyright © 2011 www.ligerui.com
        </div>
    </div> 
        <div style="display:none">
    <!--  数据统计代码 --> 
    </div>
</body>
</html>
